<template>
	<view class='page'>
	  <view class='store'>
	    <image class='store-img' src='https://gy-files.oss-cn-shenzhen.aliyuncs.com/picture/merchant/no-merchant.jpg'></image>
	    <text class='no-store'>您还没有开店~</text>
	    <text class='no-store'>在同城共享装修开一家24小时不打烊的店吧~</text>
	    
	    <navigator url="../establish-merchant/establish-merchant" open-type='navigate' class='store-btn' hover-class="none">立即创建</navigator>
	
	    <view class='store-zxgy'>
	      <view class='store-zxgy-line'>
	        <view class='yuan'></view> <text>全国同城建材厂商【行业平台】</text>
	      </view>
	      <view class='store-zxgy-line'>
	        <view class='yuan'></view><text>全城装修工友团队【品牌阵地】</text>
	      </view>
	      <view class='store-zxgy-line'>
	        <view class='yuan'></view><text>建材拼团购买活动【裂变营销】</text>
	      </view>
	    </view>
	  </view>
	</view>
</template>

<script>
</script>

<style>
	page {
	  width: 100%;
	  height: 100%;
	  background-color: #F2F2F2;
	}
	.page {
	  width: 100%;
	  height: 100%;
	}
	.store {
	  width: 100%;
	  height: 100%;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	}
	.store-img {
	  width: 500upx;
	  height: 300upx;
	  margin-bottom: 20upx;
	}
	.no-store {
	  margin-bottom: 10upx;
	}
	.store-zxgy {
	  margin-top: 80upx;
	  width: 100%;
	  display: flex;
	  flex-direction: column;
	}
	.store-zxgy-line {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.yuan {
	  display: inline-block;
	  width: 10upx;
	  height: 10upx;
	  border-radius: 50%;
	  background-color: #000;
	  margin-right: 10upx;
	}
	.store-btn {
	  width: 30%;
	  height: 60upx;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background-color: #f94c48;
	  color: #fff;
	  border-radius: 10upx;
	  margin-top: 30upx;
	}
</style>
